<link rel="stylesheet" type="text/css" href="__PUBLIC__css/practice.css">
<link rel="stylesheet" href="__PUBLIC__editor/css/editormd.preview.css" />
<script src="__PUBLIC__editor/lib/marked.min.js"></script>
<script src="__PUBLIC__editor/lib/prettify.min.js"></script>
<script src="__PUBLIC__editor/lib/raphael.min.js"></script>
<script src="__PUBLIC__editor/lib/underscore.min.js"></script>
<script src="__PUBLIC__editor/lib/sequence-diagram.min.js"></script>
<script src="__PUBLIC__editor/lib/flowchart.min.js"></script>
<script src="__PUBLIC__editor/lib/jquery.flowchart.min.js"></script>
<script src="__PUBLIC__editor/editormd.js"></script>
<div class="content-wrapper">
	<h1>{$data.course_name}</h1>
	<div class="practice" data-id="{$data.ques.2}-{$data.ques.0.id}" data-course="{$data.course_id}" data-sort="{$param.sort ?: 1}">
		<div class="item active">
			<div class="txt">
				<div class="Brushtopic_subject" id="testEditorMdview1">
					<textarea class="textarea" id="demo1" style="display:none;">{$data.ques.0.stem|htmlspecialchars=###}</textarea>   
				</div>
			</div>
			<h4>选出正确答案：</h4>
			<div class="select">
				<ul>
					{foreach $data.ques.0.metas as $key=>$meta}
					<li>
						<div class="icon"><em>{$meta.zimu}</em></div><span>{$meta.content}</span>
					</li>
					{/foreach}
				</ul>
			</div>
		</div>
		<div class="answer" style="display: none;">
			<h4>提示</h4>
			<div>
				<textarea class="textarea" id="demo2" style="display:none;">{$data.ques.0.analysis|htmlspecialchars=###}</textarea>   
				<div class="Brushtopic_subject" id="testEditorMdview2"></div>
			</div>
		</div>
		<div class="prompt">
			不会做了？<a href="/learnings/{$data.ques.0.course_id}?seek={$data.ques.0.seek}" target="_blank">复习相关视频/文档</a>
		</div>
	</div>
	<div class="content-footer">
		<div class="next">
			<div class="restart">重新开始</div>
			<div class="count">共{$data['ques'][1]|count=###}道题</div>
			<div class="round">
				{foreach $data['ques'][1] as $key=>$id}
				<span class="{if ($key+1) eq $param.sort} active{/if} {if $data['ques'][3][$id] eq 1} yes {/if}"></span>
				{/foreach}
			</div>
			<div class="detection disable"><a href="javascript:;">检测</a></div>
			<div class="nextQuestion hide"><a href="javascript:;">下一个问题</a></div>
			<div class="summarize hide"><a href="javascript:;">显示总结</a></div>
		</div>
	</div>
</div>
<!-- 显示总结 -->
<div class="content-wrapper summarize-wrapper" style="display:none;">
	<h1>{$data.course_name}</h1>
	<div class="summarize-box">
		<h2>继续前进，不断增长</h2>
		<p>做一个单元测试或课程挑战来升级</p>
		<h3></h3>
		<div class="summarize-img">
			<img src="__PUBLIC__images/space-friend_v3.png">
			<img src="__PUBLIC__images/green-friend_v3.png">
			<img src="__PUBLIC__images/light-blue-friend_v3.png">
		</div>
	</div>
	{include file="course/next"}
</div>
<script type="text/javascript" src="__PUBLIC__js/practice.js"></script>